import { DoubleLeftOutlined, DoubleRightOutlined } from '@ant-design/icons';
import classNames from 'classnames';
import style from './index.less';
const MenuFooter = ({ clickCallBack, isCollapsed }) => {
  return (
    // <div className="w-[100%] flex justify-center items-center cursor-pointer ">
    <div
      className={classNames(
        style.box,
        isCollapsed ? 'justify-center' : 'justify-end',
      )}
      onClick={clickCallBack}
    >
      {isCollapsed && <DoubleRightOutlined className={style.iconStyle} />}
      {!isCollapsed && <DoubleLeftOutlined className={style.iconStyle} />}
    </div>
  );
};

export default MenuFooter;
